<template>
  <div>
      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" :show-indicators="false">
        <van-swipe-item>
          <img src="https://cdn.it120.cc/apifactory/2018/11/07/ad7e06f98e8910ff789b6e577b36c20b.jpg" alt="" class="img">
        </van-swipe-item>
        <van-swipe-item>
          <img src="https://cdn.it120.cc/apifactory/2018/11/07/76d9a2c2bd56c4ac0497b5d360c6bc06.png" alt="" class="img">
        </van-swipe-item>
        <van-swipe-item>
          <img src="https://cdn.it120.cc/apifactory/2018/11/06/1a6dc56d16dcec64639d9ea624ebdd46.jpg" alt="" class="img">
        </van-swipe-item>
     </van-swipe>
  </div>
</template>

<script>
import Vue from 'vue';
import { Swipe, SwipeItem } from 'vant';

Vue.use(Swipe);
Vue.use(SwipeItem);
export default {

}
</script>

<style>
  .van-swipe-item
  {
    width: 100%;
    height: 200px;
  }
  .img
  {
    width: 100%;
    height: 100%;
  }
</style>